@import '../../../style/base.styl';
.container
	min-height 100vh
	padding 32rpx
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	.title
		margin-top 20rpx
		display flex
		align-items center
		padding 0 40rpx
		height 56rpx
		font-size 40rpx
		&::before
			margin-right 10rpx
			content ''
			width 10rpx
			height 10rpx
			border 6rpx solid $fontColor
			border-radius 50%
	// 进度容器
	.progress_wrapper
		margin 10rpx 50rpx 0
		padding-top 40rpx
		box-shadow 4rpx 12rpx 56rpx 0 rgba(102,102,109,0.19);
		border-radius 12rpx
		background #fff
		.item
			position relative
			margin-left 36rpx
			padding-bottom 40rpx
			border-left 1rpx dashed #CDCDCF
			&.current
				&::before
					background $fontColor
			&.finished
				.content-title
					color $fontColor
				&::before
					background: $fontColor
				&::after
					position absolute
					top 0
					left -3rpx
					content ''
					display inline-block
					width 4rpx
					height 100%
					background: $fontColor
			&::before
				position absolute
				top -8rpx
				left -9rpx
				content ''
				display inline-block
				width 16rpx
				height 16rpx
				border-radius 50%
				background: $fontColor9
			&:last-of-type
				border-left 0
				&::before
					left -8rpx
			.content-title
				position relative
				padding-left 26rpx
				display flex
				align-items center
				height 48rpx
				font-size 32rpx
				font-weight 500
				transform translateY(-24rpx)
			.content-des
				display flex
				margin-top 10rpx
				padding-left 26rpx
				padding-right 40rpx
				line-height 40rpx
				color $fontColor6
				font-size 24rpx
				transform translateY(-24rpx)
		.last
			&::after
				display none!important
